<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.制作svg精灵图 -->
     <svg>
        <symbol id="one" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/symbol">
            <path d="M13.2 5.65337C14.1178 5.43855 15.0574 5.33116 16 5.33337C25.3333 5.33337 30.6667 16 30.6667 16C29.8573 17.5142 28.8921 18.9397 27.7867 20.2534M18.8267 18.8267C18.4605 19.2197 18.0189 19.5349 17.5282 19.7535C17.0375 19.9722 16.5079 20.0897 15.9708 20.0992C15.4337 20.1087 14.9002 20.0099 14.4022 19.8087C13.9041 19.6075 13.4516 19.3081 13.0718 18.9282C12.692 18.5484 12.3925 18.096 12.1914 17.5979C11.9902 17.0998 11.8914 16.5663 11.9009 16.0293C11.9103 15.4922 12.0279 14.9625 12.2465 14.4718C12.4651 13.9812 12.7803 13.5396 13.1733 13.1734M1.33334 1.33337L30.6667 30.6667M23.92 23.92C21.6408 25.6574 18.8655 26.6199 16 26.6667C6.66668 26.6667 1.33334 16 1.33334 16C2.99186 12.9092 5.29219 10.2089 8.08001 8.08004L23.92 23.92Z" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </symbol>
        <symbol id="two" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/symbol"> 
            <path d="M1.33331 16C1.33331 16 6.66665 5.33337 16 5.33337C25.3333 5.33337 30.6666 16 30.6666 16C30.6666 16 25.3333 26.6667 16 26.6667C6.66665 26.6667 1.33331 16 1.33331 16Z" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 20C18.2091 20 20 18.2092 20 16C20 13.7909 18.2091 12 16 12C13.7908 12 12 13.7909 12 16C12 18.2092 13.7908 20 16 20Z" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </symbol>
     </svg>
    <!-- 2.使用svg精灵图 -->
     <svg>
        <use href="#one"></use>
     </svg>
</body>
</html>